﻿<!--头部-->
<header>
    <div class="topBox">
        <div class="container">
            <div class="row">
                <nav style="margin-left:140px">
                    <ul>
                        <li> <a id="logo" href="/Home/index"><img src="~/static/images/logo.png" /></a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>


    <nav class="navbar navbar-static-top navbar-default">
        <div class="container">

            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav" style="margin-left:150px;">
                    <li class="dropdown">
                        <a style="border-left:1px solid #ddd" href="/Home/index">主页</a>
                    </li>
                    <li class="dropdown">
                        <a href="/Home/About" class="dropdown-toggle" data-toggle="dropdown">关于我们</a><a href="#"
                                                                                                       id="app_menudown"
                                                                                                       class="dropdown-toggle"
                                                                                                       data-toggle="dropdown"
                                                                                                       role="button"
                                                                                                       aria-expanded="false">
                            <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a class='' href='/Home/About'>公司简介</a></li>
                            <li><a class='' href='/Home/Contact'>联系我们</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="article.html" class="dropdown-toggle" data-toggle="dropdown">新闻中心</a><a href="#"
                                                                                                         id="app_menudown"
                                                                                                         class="dropdown-toggle"
                                                                                                         data-toggle="dropdown"
                                                                                                         role="button"
                                                                                                         aria-expanded="false">
                            <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            @foreach (var item in ViewBag.ArticleTypeList) { 
                            <li><a class='' href='/Article/ArticleList/@item.id'>@item.TypeName</a></li>
                            }
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="product.html" class="dropdown-toggle" data-toggle="dropdown">产品中心</a><a href="#"
                                                                                                         id="app_menudown"
                                                                                                         class="dropdown-toggle"
                                                                                                         data-toggle="dropdown"
                                                                                                         role="button"
                                                                                                         aria-expanded="false">
                            <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            @foreach (var item in ViewBag.ProductTypeList) { 
                                <li><a class='' href='/Product/ProductList/@item.id'>@item.TypeName</a></li>
                            }
                        </ul>
                    </li>

                    <li><a href="/Home/Comment">在线留言</a></li>

                    <li><a href="/Home/contact">联系我们</a></li>

                </ul>
            </div>
        </div>
    </nav>

</header>

<!-- Banner -->
<div class="banner homeBanner">
    <div class="slider">
        <ul class="slider__wrapper">
            @foreach (Xuanren_FrontEnd.Model.Banner banner in ViewBag.BannerList)
            {
                <li class="slider__item">
                    <a target="_blank" title="@banner.title" href="">
                        <img src="~/images/@banner.bannerImg"
                             alt="@banner.title" />
                    </a>
                </li>
            }
        </ul>
    </div>
</div>

<script type="text/javascript">
    var glide = $('.slider').glide();
</script>
